<template>
    <!-- 首页组件 -->
    <div class="home">
        <div class="home_nav">
            <Nav></Nav>
            <Search></Search>
        </div>
        <div class="home_center">
            <FilterItem></FilterItem>
            <List></List>
        </div>
        <Registbtn></Registbtn>
        <AddBtn></AddBtn>
        
    </div>
</template>

<script>
import {Nav} from '../nav/index.js';
import {Search} from '../search/index.js';
import {FilterItem} from '../filterItem/index';
import {List} from '../list/index';
import {AddBtn} from '../addBtn/index';
export default {
    name : "Home",
    components : {
        Nav,
        Search,
        FilterItem,
        List,
        AddBtn
    }
}
</script>

<style>
.home{
    position: relative;
    font-size: 20px;
}
.home_nav{
    width: 100vw;
    height: 45px;
    display: flex;
    font-size: 20px;
    background-color: #1685a9;
}
.home_center{
    padding:5% 10%;
    font-size: 20px;
}
</style>